/* 顶部导航 */
.bili-header-m .profile-m .grade .desc-tips .arrow-left
.dynamic-m .dyn_menu .line:before
.nav-link .nav-link-ul .nav-link-item:last-child
.bili-header-m .nav-menu .nav-wrapper-left .nav-item:last-child
.popover-game
.popover-live
.popover-manga
.bili-header-m .nav-menu .nav-wrapper-left .nav-item .i-frame
.nav-user-center .user-con .item:nth-child(2)
.nav-wrapper-right .nav-con .nav-item:nth-child(2)
.nav-wrapper-right .nav-con .nav-item:nth-child(5)
.van-popper-avatar .coins .contact .contact-tips::after
.bili-header-m .profile-m .btns-profile .ver .tips:after
	display none !important

.channel-menu-mini
.international-header .mini-type
.van-popover .mini-type
	background-color var(--c-background)

.channel-menu-mini .box a:hover
	background-color var(--c-hover)

.channel-menu-mini .r-box
	border-color var(--c-border)

.primary-menu .nav-menu>li .nav-name
.mini-type .nav-user-center .user-con .item .name
.video-info .line-1
.video-info .line-2
.van-popper-favorite .play-all .bilifont.bili-icon_dingdao_bofang
	color var(--c-title) !important

.mini-type .nav-user-center .user-con .item .name:hover
	color var(--c-accent) !important

.international-header .mini-type
.van-popover .mini-type
	border-bottom 1px solid var(--c-border)

/* 左侧 */
.nav-link
.nav-wrapper-left
	width 350px

.nav-link .nav-link-ul
.nav-wrapper-left .nav-con-ul
	width 36px

.nav-link .nav-link-ul .nav-link-item
.nav-wrapper-left .nav-con-ul .nav-item
	opacity 0
	transform translateY(-40px)
	transition all 0.3s ease-in-out

	&:first-child
		opacity 1
		transform translateY(0)

	for n in 2 3 4 5 6 7 8 9 10 11 12 13 14 15
		&:nth-child({n})
			transition-delay 0.05s * (n - 1)

.nav-link .nav-link-ul:hover
.nav-wrapper-left .nav-con-ul:hover
	width auto

.nav-link .nav-link-ul:hover .nav-link-item
.nav-wrapper-left .nav-con-ul:hover .nav-item
	opacity 1
	transform translateY(0)

.nav-link .nav-link-ul .nav-link-item:first-child .link
	font-size 0

.nav-link .bili-icon_dingdao_zhuzhan
	font-size 30px

.mini-upload
	margin-left 12px !important
	width auto !important
	background-color transparent !important
	color var(--c-title) !important

.bili-header-m .nav-search .nav-search-btn
.international-header .nav-search .nav-search-btn
.mini-header input
	background-color transparent !important

	&::after
		content none

/* 弹窗边框 */
.van-popper-avatar
.van-popper-favorite
.van-popper-history
.van-popper-upload
.mini-header .nav-user-center .nav-item iframe
.bili-header-m .profile-m
.bili-header-m .mini-wnd-nav
.bili-header-m .nav-menu .nav-con .nav-item .i-frame
.news-notice-panel
.publish-panel
.popover-channe
.user-panel-ctnr .user-panel .lens-ctnr
.nav-item.message .i-frame
	border 1px solid var(--c-border) !important
	border-top-width 0 !important

.user-panel-ctnr .user-panel .lens-ctnr
	border-radius 0 0 10px 10px

.lang-change .lang-intro
	border 1px solid var(--c-border) !important

.mini-header .nav-user-center .item:nth-child(3) .nav-item .i-frame
	height 206px

.mini-header .nav-user-center .item:nth-child(4) .nav-item .i-frame
	height 520px

.van-popper-avatar .level-bar
.bili-header-m .profile-m .grade .bar
.video-preview .bar
	background-color var(--c-border) !important

.van-popper-avatar .links .link-item:hover
.lang-change .lang-item:hover
.lang-change .lang-intro-item:hover
.van-popper-avatar .logout a:hover
.van-popper-avatar .logout span:hover
	background-color var(--c-hover) !important

.van-popper-avatar .level-bar .level-progress
.bili-header-m .profile-m .grade .bar .lt
.bili-header-m .profile-m .grade .bar .rate
.bp-red-point
.vip.vip--green
.video-preview .progress
	background-color var(--c-accent) !important

.lang-change .lang-item .lang-title
	color var(--c-title) !important

.out-container .video-tab .tip-box
	color var(--c-text) !important

.lang-change .lang-item:hover .lang-title
.lang-change .lang-intro-item.on
.lang-change .lang-intro-item:hover
.bili-header-m .profile-m .grade .desc-tips .lv-row strong
.out-container .tab-bar .tab-item:hover
.van-popper-avatar .logout a:hover
.nickname.nickname--green
	color var(--c-accent) !important

.out-container .tab-bar .active:hover
	color var(--c-white) !important

.van-popper-avatar .coins
.van-popper-avatar .counts
.van-popper-avatar .links
.van-popper-avatar .lang-change
	border-color var(--c-border) !important

.van-popper-avatar .level-intro
.lang-change .lang-intro
	background-color var(--c-background) !important
	color var(--c-text) !important

.van-popper-avatar .coins .contact .contact-tips
.bili-header-m .profile-m .btns-profile .ver .tips
	border-color var(--c-border) !important
	background-color var(--c-background) !important
	color var(--c-title) !important

.dynamic-m .dyn_list_wrapper .dyn_list li .r .title .uname
	background-color transparent !important
	color var(--c-title) !important

.lang-change .lang-intro
	width 180px

.van-popper-avatar .level-intro
	left -241px !important
	border 1px solid var(--c-border)

/* 消息弹窗 */
.i-frame
.i-frame iframe
.i-frame::before
.im-list-box
.bili-header-m .nav-menu .nav-con .nav-item .i-frame
.dynamic-m .dyn_list_wrapper
.dynamic-m .dyn_list_wrapper .dyn_list
.bili-header-m .nav-menu .up-load .up-nav li
	background-color transparent !important

.im-list:hover
	background-color var(--c-hover) !important
	color var(--c-accent) !important

/* 动态弹窗 */
.out-container
	box-shadow none !important
	background-color transparent !important

.tab-bar
	border-color var(--c-border) !important
	color var(--c-text) !important

.tab-item.active
.van-popper-history .tab-item--active
	background-color var(--c-accent) !important
	color var(--c-white) !important

.split-line::before
	border-color var(--c-border) !important

.split-line .history-tip
	background-color var(--c-background) !important

.out-container .container .video-tab .list-item .center-box .name-line .user-name
	color var(--c-title) !important

.out-container .container .list-item:hover
	background-color var(--c-hover) !important

.more-btn:hover
.van-popper-history .view-all:hover
	background-color var(--c-hover) !important

.dynamic-iframe
	padding 0 !important
	width 100% !important

.dynamic-m
	width 100% !important
	box-shadow none !important

/* 收藏弹窗 */
.video-info .line-2
	color var(--c-title) !important

.video-info .line-2:hover
.van-popper-favorite .video-panel .play-all .bilifont
.van-popper-favorite .tab-item--normal:hover span
.van-popper-favorite .tab-item--active span
.van-popper-history .tab-item:hover
.van-popper-favorite .play-all:hover .bilifont.bili-icon_dingdao_bofang
	color var(--c-accent) !important

.duration-tag
	color var(--c-white) !important

.van-popper-favorite .tabs-panel
.van-popper-history .tab-header
	border-color var(--c-border) !important

.van-popper-favorite .tab-item--active
.header-video-card:hover
	background-color var(--c-hover) !important

.van-popper-favorite .tab-item--normal:hover
.video-card:hover
	background-color var(--c-hover) !important

/* 投稿弹窗 */
.van-popper-upload .upload-item:hover
	background-color var(--c-hover) !important
	color var(--c-title) !important

/* 登陆弹窗 */
.van-popper-login .vp-container
	border-color var(--c-border) !important

.van-popper-login .lang-change
	border 0

/* 顶部导航--分区 */
.bili-header-m
.bili-header-m .nav-menu .nav-mask
.channel-menu
	background-color var(--c-background)

.bili-header-m .profile-m .btns-profile .num
	background-color transparent !important
	color var(--c-text) !important

.bili-header-m .nav-menu .nav-con .nav-item.home .t
	font-size 0

.bili-header-m .nav-menu .nav-con .nav-item.home .header-icon-bilibili-tv
	font-size 30px

.bili-header-m .nav-menu .nav-con .nav-item:hover
.stardust-video .nav-menu .nav-con .nav-item:hover
.bili-header-m .nav-menu .up-load:hover .u-link
	background-color transparent !important

.channel-menu .box a:hover
.bili-header-m .nav-menu .up-load .up-nav li:hover
	background-color var(--c-hover)

.bili-header-m .nav-menu .nav-con .nav-item .t
	color var(--c-title)

.bili-header-m .nav-menu .nav-mask
	box-shadow none
	border-bottom 1px solid var(--c-border)

.channel-menu .r-box
	border-color var(--c-border)

.bili-header-m .nav-menu .up-load
	margin 0 7px 0 0
	padding 0 7px
	width auto

.bili-header-m .nav-menu .up-load .u-link
	padding 0 7px
	width auto
	height auto
	border-radius 0
	background-color transparent
	font-size 12px
	color var(--c-title)

.bili-header-m .nav-menu .up-load .up-nav
	border 1px solid var(--c-border)
	background-color var(--c-background)

.bili-header-m .profile-m .member-menu
	padding-bottom 52px

.bili-header-m .profile-m .member-bottom
	height 42px !important
	border-top 1px solid var(--c-border)
	background-color var(--c-background) !important
	text-align center !important
	line-height 42px !important
	transition background-color 0.3s ease-in-out !important

	&:hover
		background-color var(--c-hover) !important

	a
		float none !important
		display block

/* 顶部搜索框 */
.bili-header-m .nav-search .nav-search-keyword
.bili-header-m .profile-m .grade .bar .num
	background-color transparent !important

.search-submit
.nav-search-submit
	background-color transparent !important
	color var(--c-text) !important

	&::after
		content none

.bili-header-m .bilibili-suggest
.dynamic-m .wnd_bottom a
.bilibili-search-suggest
.bilibili-search-history
	border-color var(--c-border) !important
	background-color var(--c-background) !important

.bili-header-m .bilibili-suggest .b-line
	border-color var(--c-border)

.bili-header-m .bilibili-suggest .b-line span
	background-color var(--c-background)
	color var(--c-text)

.bili-header-m .bilibili-suggest .suggest-item:hover
.bili-header-m .bilibili-suggest .suggest-item.focus
.dynamic-m .wnd_bottom a:hover
.dynamic-m .dyn_list_wrapper .dyn_list li.d-data:hover
.bili-header-m .mini-wnd-nav .list li:hover
.bilibili-search-suggest .suggest-item.focus
.bilibili-search-suggest .suggest-item:hover
.bilibili-search-history .history-item.focus
.bilibili-search-history .history-item:hover
	background-color var(--c-hover) !important

.bilibili-search-suggest .suggest-item .suggest_high_light
	background-color transparent !important
	color var(--c-accent) !important

.bili-header-m .profile-m .header-uname .vip-type span
	background-color var(--c-accent)
	color var(--c-white)

.bili-header-m .profile-m .grade .desc-tips
	background-color var(--c-background)
	color var(--c-text)

.dynamic-m
	border 0
	background-color transparent

.dynamic-m .dyn_menu .line
	background-color var(--c-accent)

.dynamic-m .dyn_list_wrapper .dyn_list li .r .title span.sp
	background-color transparent
	color var(--c-accent)

.dynamic-m .dyn_list_wrapper .dyn_list li.history
.bili-header-m .mini-wnd-nav .list.history li.timeline
.bili-header-m .profile-m .member-menu
	border-color var(--c-border)

.dynamic-m .dyn_list_wrapper .dyn_list li .history-tag
.bili-header-m .mini-wnd-nav .list.history li.timeline .date
	background-color var(--c-background)
	color var(--c-text)